#region show
<template>
  <q-tree
    :data="data"
    show-checkbox
    :default-checked-keys="['1-1']"
    :default-expanded-keys="defaultExpandedKeys"
  />
</template>

<script setup lang="ts">
const data = [
  {
    key: '0',
    label: '0',
    children: [
      {
        key: '0-0',
        label: '0-0'
      },
      {
        disabled: true,
        key: '0-1',
        label: '0-1',
        children: [
          {
            label: '0-1-0',
            key: '0-1-0'
          },
          {
            label: '0-1-1',
            key: '0-1-1'
          }
        ]
      }
    ]
  },
  {
    key: '1',
    label: '1',
    children: [
      {
        key: '1-0',
        label: '1-0'
      },
      {
        disabled: true,
        checkboxDisabled: true,
        key: '1-1',
        label: '1-1',
        children: [
          {
            label: '1-1-0',
            key: '1-1-0'
          },
          {
            label: '1-1-1',
            key: '1-1-1'
          }
        ]
      }
    ]
  }
]
const defaultExpandedKeys = ['0', '0-0', '0-1', '0-1-0', '0-1-1']
</script>
#endregion show
